<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>找设计</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/posterTvGrid.css">
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/header_logo.png" alt="找设计"></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="index.html">首页<span class="sr-only">(current)</span></a>
                </li>
                <li>
                    <a href="works_share.html">作品分享</a>
                </li>
                <li>
                    <a href="article_share.html">文章分享</a>
                </li>
                <li>
                    <a href="material_collection.html">素材收集</a>
                </li>
                <li>
                    <a href="contact.html">联系我们</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div class="main-banner">
    <img src="img/banner_bg.png" class="banner-img">
    <h1 class="banner-title wow bounceInRight" data-wow-duration="0.5s" data-wow-delay="0s">找设计<br>zhaodesign</h1>
    <b class="next-page-btn wow bounceInUp"  data-wow-duration="0.5s" data-wow-delay="0.3s">&or;</b>
</div>
<!--内容标题-->
<h2 class="content-title1">
    <div class="title-wrap">
    <span class="title-cn">案例推荐</span><img src="img/index_pic_two.png" alt=""><sapn class="title-en">recommend</sapn>
    <span class="title-state ">Utmost for the well-known enterprises at home and abroad to provide a full range of multi-platform solution ..</span>
    </div>
</h2>
<!--案例列表-->
<div class="recommend container">
    <ul class="recommend-list">
        <li class="col-md-4 col-sm-6">
            <div class="recommend-box">
                <img class="img-responsive" src="img/recommend_list.jpg" alt="">
                <a class="li-btn" href="#"><b><i></i></b></a>
            </div>
        </li>
        <li class="col-md-4 col-sm-6">
            <div class="recommend-box">
                <img class="img-responsive" src="img/works_share_0.png" alt="">
                <a class="li-btn" href="#"><b><i></i></b></a>
            </div>
        </li>
        <li class="col-md-4 col-sm-6">
            <div class="recommend-box">
                <img class="img-responsive" src="img/recommend_list.jpg" alt="">
                <a class="li-btn" href="#"><b><i></i></b></a>
            </div>
        </li>
        <li class="col-md-4 col-sm-6">
            <div class="recommend-box">
                <img class="img-responsive" src="img/recommend_list.jpg" alt="">
                <a class="li-btn" href="#"><b><i></i></b></a>
            </div>
        </li>
        <li class="col-md-4 col-sm-6">
            <div class="recommend-box">
                <img class="img-responsive" src="img/recommend_list.jpg" alt="">
                <a class="li-btn" href="#"><b><i></i></b></a>
            </div>
        </li>
        <li class="col-md-4 col-sm-6">
            <div class="recommend-box">
                <img class="img-responsive" src="img/recommend_list.jpg" alt="">
                <a class="li-btn" href="#"><b><i></i></b></a>
            </div>
        </li>
    </ul>
</div>
<!--分类-->
<div class="classification container wow flipInX" data-wow-duration="0.5s" data-wow-offset="350" data-wow-delay="0">
    <ul class="classification-list">
        <li class="col-lg-4 col-sm-6">
            <a href="#">
                <img src="img/classification_list_li.jpg">
                <div class="classification-li-right">
                    <h2>网页设计</h2>
                    <p>Carefully for you to create exclusive own brand of network</p>
                </div>
            </a>
        </li>
        <li class="col-lg-4 col-sm-6">
            <a href="#">
                <img src="img/classification_list_li.jpg">
                <div class="classification-li-right">
                    <h2>网页设计</h2>
                    <p>Carefully for you to create exclusive own brand of network</p>
                </div>
            </a>
        </li>
        <li class="col-lg-4 col-sm-6">
            <a href="#">
                <img src="img/classification_list_li.jpg">
                <div class="classification-li-right">
                    <h2>网页设计</h2>
                    <p>Carefully for you to create exclusive own brand of network</p>
                </div>
            </a>
        </li>
        <li class="col-lg-4 col-sm-6">
            <a href="#">
                <img src="img/classification_list_li.jpg">
                <div class="classification-li-right">
                    <h2>网页设计</h2>
                    <p>Carefully for you to create exclusive own brand of network</p>
                </div>
            </a>
        </li>
        <li class="col-lg-4 col-sm-6">
            <a href="#">
                <img src="img/classification_list_li.jpg">
                <div class="classification-li-right">
                    <h2>网页设计</h2>
                    <p>Carefully for you to create exclusive own brand of network</p>
                </div>
            </a>
        </li>
        <li class="col-lg-4 col-sm-6">
            <a href="#">
                <img src="img/classification_list_li.jpg">
                <div class="classification-li-right">
                    <h2>网页设计</h2>
                    <p>Carefully for you to create exclusive own brand of network</p>
                </div>
            </a>
        </li>
    </ul>
</div>
<div class="content-logo">
    <img src="img/logo_foot.png">
</div>
<div class="content-serve">
</div>
<!--轮播-->
<div class="bottom-wrap">
    <div class="content-bottom container">
        <div class="content-serve">
            <div class="type">
                <p class="chinese">各种商业平台服务</p>
                <p class="english">Various business platform services</p>
            </div>
        </div>
        <div id="posterTvGrid" style="margin:40px auto 0 auto;"></div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="footer-con">
        <p>找设计网打造交流平台。</p>
        <p class="design">设计师将图标上传到 die1218.xyz平台，用户可以自定义下载便于设计师自由调整与调用。<span class="enter">友情链接</span></p>
        <p class="where">转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系<span class="ued">UED优秀网页设计</span><span
                class="china">Bootstrap中文网</span><span class="mic">微博</span></p>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/app/index.js"></script>
<script src="js/posterTvGrid.js"></script>
<script>
    var posterTvGrid = new posterTvGrid('posterTvGrid',{className: "posterTvGrid"},[
        {"img":"img\/test\/1.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/2.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/3.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/4.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/5.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/6.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/7.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/8.jpg","title":"Lorem ipsum dolor sit amet","url":"#"},
        {"img":"img\/test\/9.jpg","title":"Lorem ipsum dolor sit amet","url":"#"}]
    );
</script>
</body>
</html>